@import "./variable"
page,.page
  position relative
  z-index: 15
page, div,view, label, section, p,h1,h2,h3,h4,h5,h6, button,span, image
  padding: 0
  margin 0
  box-sizing: border-box
  text-decoration: none;
  list-style: none;
  font-family: PingFang SC;
  -webkit-appearance: none;
button 
  border-radius: 5rpx 
  border-width: 2rpx
  border-style: solid 
  border-color transparent
  text-align center
  outline: none 
  &:after
    content: none;

.btn
  position relative
  display block
  text-align: center 
  font-size 32rpx 
  line-height: 100rpx
  height 98rpx
  border-radius 10rpx
  background-color: #aaa 
  color #fff
  border 2rpx solid transparent
  
  &-sm 
    height 90rpx
    line-height: 86rpx
    font-size: 28rpx
    font-family:SourceHanSansCN;
    letter-spacing: 1rpx;
  &.btn-primary 
    color: #fff
    background-color bg-active
    &-white {
      background: transparent;
      color: color-active;
      border-color: color-active;
    }
    &.btn-gradual 
      background: linear-gradient(180deg, bg-active 0%, bg-active 100%);

  &.btn-danger 
    background-color: color-danger
    &.btn-gradual 
      background: linear-gradient(180deg, color-danger 0%, color-danger 100%);
  &.btn-warning
    background-color color-warning
    &.btn-gradual 
      background: linear-gradient(180deg, #FFC333 0%, #F7BD3C 100%);
  &.btn-success
    background-color color-success
    &.btn-gradual 
      background: linear-gradient(180deg, #02C4BE 0%, #3F7DFF 100%);
  &.btn-default 
    background-color: #fff
    border-color #BBBBBB
    color color-default
    &.btn-gradual 
      background-color: linear-gradient(180deg, color-default 0%, #ccc 100%);
  &.btn-info 
    background-color #1b345f
    // border-color #BBBBBB
  
    
  &.btn-text 
    display inline
    background: none  !important
    border: none
    &.btn-primary 
      color: color-active
    &.btn-warning 
      color: color-warning
    &.btn-danger 
      color: color-danger
  &.btn-angle 
    border-radius: 45rpx
.color {
  &-active,&-primary {
    color color-active
  }
  &-success {
    color color-success
  }
  &-warning {
    color color-warning
  }
  &-danger {
    color color-danger
  }
  &-desc {
    color color-desc
  }
}
  
input,textarea {
  color color-title
  font-size 28rpx
  background: none
  &:placeholder {
    color color-desc
    font-size 28rpx
  }
}

.label 
  line-height: 60rpx
  font-size: 40rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  border: 2rpx solid #F5F5F5;
  color: #ccc;
  padding: 0 20rpx;
  border-radius: 10rpx;
  &-warning 
    color color-warning
    border-color color-warning
  &-primary 
    color color-active
    border-color color-active
  &-danger 
    color color-danger
    border-color color-danger
  &-success 
    color color-success
    border-color color-success
  &-xs
    line-height: 30rpx;
    height: 32rpx;
    font-size 20rpx;
    padding: 0 11rpx;
    border-radius: 6rpx;

.container 
  position: relative;
  overflow hidden
  clear both
  min-height: full-height
  background-color: bg-default
  &:after 
    display: block
    content: ""  
    clear both
.bg-white{
  background: #fff
}

cover-view, cover-image 
  background: none

.text {
  &-right {
    text-align: right;
  }

  &-title {
    font-size: 30rpx;
    line-height: 1.6;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: color-default;
  }

  &-describe{
    line-height: 1.4;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: color-describe;
  }
  &-desc{
    line-height: 1.4;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: color-desc;
  }
}

.require 
  color: #DC492D;


image,img
  height: auto


.skeleton 
  .skeleton-rect 
    background: #eee
    transition: all 0.3s;
    animation: opacity 1.6s;

.tips {
  position: relative;
  padding: 30rpx;
  font-size: 28rpx;
  color #999
  text-align: center
}
@keyframes opacity {
  0% {
    opacity 1
  } 
  50% {
    opacity 0.4
  } 
   100% {
    opacity 1
  }
}
.v-input{
  flex: 1;
}